<template>
	<view class="container">
		<view class="biaoti">
			<text>标题:</text>
			<view class="neirong"><input type="text" name="name" placeholder="清晰完整的标题会更快被解答" /></view>
		</view>
		<view class="fankui">
			<text>反馈问题:</text>
			<view class="fk-neirong">
				<textarea type="text" name="description" placeholder="在此输入您想反馈的问题" />
				<text class="long">/300</text>
			</view>
		</view>
		<view class="phone">
			<text>联系方式:</text>
			<view class="ph-neirong"><input maxlength="11" type="text" name="mobile" value="" placeholder="输入手机号" /></view>
		</view>
		<view class="footer" @click="shangChuan()"><view class="btn">提交</view></view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			reg:''
			}
	},
	methods: {
		shangChuan() {
			uni.request({
				url: 'http://epidemic.site.ximengnaikang.com/api/v1/personal/info',
				data: {
					name: '',
					description: '',
					mobile: ''
				},
				method: 'POST',
				header: {
					'Content-Type': 'application/json'
				},
				success: res => {
					alert('谢谢您的反馈');
					uni.navigateTo({
						url: 'home'
					});
				}
			});
		},
		
		// checkBtn :function(phone) {
		// 	// 手机号码验证
		// 	return reg (/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/).test(phone)
		// }
	}
};
</script>

<style>
.container {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
.biaoti {
	padding: 10px 20px 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 10px;
}
.biaoti text {
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 27px;
	color: #333333;
}
.biaoti .neirong {
	width: 257px;
	height: 42px;
	background: #f7f7f7;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.biaoti input {
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 24px;
	color: #999999;
	text-indent: 1rem;
	width: 257px;
}
.fankui {
	padding: 10px 20px 5px;
	margin-left: 3px;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}
.fankui text {
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 27px;
	color: #333333;
	margin-top: 10px;
}
.fankui .fk-neirong {
	width: 257px;
	height: 209px;
	background: #f7f7f7;
	opacity: 1;
	border-radius: 4px;
	position: relative;
}
.fankui textarea {
	width: 257px;
	/* height: 209px; */
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 24px;
	color: #999999;
	text-indent: 1rem;
	margin-top: 15px;
	/* overflow: hidden; */
	/* width: 190px; */
	/* padding-top: -85px; */
}
.fankui .long {
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 24px;
	color: #999999;
	position: absolute;
	bottom: 10px;
	right: 15px;
}
.phone {
	padding: 10px 20px 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 3px;
}
.phone text {
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 27px;
	color: #333333;
}
.phone .ph-neirong {
	width: 257px;
	height: 42px;
	background: #f7f7f7;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.phone input {
	font-size: 12px;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 24px;
	color: #999999;
	text-indent: 1rem;
	width: 257px;
}
.footer {
	position: fixed;
	bottom: 0;
	width: 375px;
	height: 50px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer .btn {
	width: 258px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background: #23459d;
	text-align: center;
	border-radius: 20px;
}
</style>
